@charset "utf-8";
/* CSS Document */
/* common */
@import "common/base.scss";
/* end common */

.n-list li{ 
  padding: px2rem(26) px2rem(30);
  border-bottom: 1px solid #c8c8cb;
  font-size: initial;
  position: relative;
}
.n-list li label{
  width: px2rem(170);	
  font-size: px2rem(30);
  color: #666;
  text-align: left;
  display: inline-block;
  padding-right: px2rem(47);	
}
.ipt{
  font-size: px2rem(30);
  color: #333;	
 }
 .a-default{
   font-size: px2rem(24);
   color: #666;	
 }
.checkbtn {
    position: relative;
    width: px2rem(80);
    height: px2rem(45);
    padding: 0 .03rem;
    border-radius: px2rem(40);
    border: 1px solid #e3e5e9;
    background-color: #e5e7ea;
    background-clip: padding-box;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: px2rem(-50);
}
.checkbtn .radioBtn {
    display:inline-block;
    content: '';
    position: absolute;
    width: px2rem(45);
    height: px2rem(45);
    border-radius:  px2rem(22);
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #e3e5e9;
    box-shadow: 0 0 0 1px #e3e5e9;
    left: 0;
}
.checkbtn.toright{
  background:#03a9f4;
}
.checkbtn.toright .radioBtn {
  left: auto;
  right: 0;
}

//base
.fl{
	float: left;
}
.fr{
	float: right;
}
.n_btn{
  padding: px2rem(100) px2rem(30) 0;	
}
.submit{
  width: 100%;
  height: px2rem(74);
  line-height: px2rem(74);  
  border-radius: 10px;
  font-size: px2rem(30);
  text-align: center;
  display: inline-block;
  color: #fff;
  letter-spacing: 1px;	
}
.blue{
  background: #03a9f4;	
}
.gray{
	background: #ccc;
}
//icon图标
.order_icon{
	background-image: url("/resources/img/order_icon.png");
	background-size: 0.58667rem 3.10667rem;
  	background-repeat: no-repeat;
  	display: inline-block;
}
.icon_address {
  	width: 0.26667rem;
  	height: 0.45333rem;
  	background-position: 0 -1.10667rem;
  	position: absolute;
  	right: px2rem(30);
}
.icon_left {
    width: 0.26667rem;
    height: 0.45333rem;
    background-position: 0 -1.10667rem;
    transform: rotate(180deg)
}

//地址选择
.mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);

    .address_container{
        position: absolute;
        height:px2rem(770); 
        bottom: 0;
        right: 0;
        background-color: #fff;
        left:0;
        font-size:px2rem(30);
        .address_header{
          font-size:px2rem(30);
          color: #666;
          text-align: center;
          line-height:px2rem(70);
        }
        .citySelect{
          border-bottom:1px solid #c8c8cc;
          font-size: px2rem(26);
          li{
            float: left;
            padding:0 px2rem(42);
            span.item{
              display: inline-block;
              padding-bottom:px2rem(15);
            }

          }
          li.current{
            span.item{
              color: #b22222;
              
              border-bottom:1px solid #b22222;
            }
          }


        }

        .selectmain{
          overflow: auto;
          height:px2rem(650);
        }

        .address_list{          
          padding-left:px2rem(42);

          li{
            font-size:px2rem(26);
            line-height:px2rem(78);
            height:px2rem(78); 

          }
        }
    }
}

